<!DOCTYPE HTML>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<title>实地圈手机官网</title>
	     <link  href="css/jquery.mobile-1.0.1.min.css"  rel="Stylesheet" type="text/css" />
          
         <script src="js/jquery-1.6.4.js" type="text/javascript"></script>
          
         <script src="js/jquery.mobile-1.0.1.js"  type="text/javascript"></script>
 
    </head>	
<body>
 
 
		<div data-role="page" style="background: #36c7b8;">
			<div data-role="content" class="content" style="background: #36c7b8;padding-bottom: 0;">
				<div style="display: inline-block;width: 20%;float: left;"><img src="images/logo_mobile.png" width="90%" /></div>
				<div style="display: inline-block;width: 80%;float: right;"><img src="images/freekaidian.png" width="80%" style="width: 80%;margin-top: 6%;margin-left: 10%;" /></div>
			</div>
			<div data-role="content" class="content" style="background: #36c7b8;padding-bottom: 0;">
				<img src="images/shidiquan.png" width="20%" />
			</div>
			<div data-role="content" class="content" style="background: #36c7b8;padding-bottom: 0;">
				 <center>
				<img src="images/mobile.png" width="70%" />
				</center>
			</div>
			<div data-role="content" class="content" style="background: #36c7b8;padding-bottom: 0;">
				<center>
				  	<div id="iosDiv" style="display: inline-block;width:40%;float:center;" class="b">
					  	<a href="https://itunes.apple.com/cn/app/shi-de-quan/id1072042467?mt=8">
							<img src="images/app-store.png" width="100%" style="padding: 0 12px;" />
					 	</a>
					</div>
					<div id="androidDiv" style="display: inline-block;width:40%;float:center;" class="b" >
						<a href="http://www.shidiquan.cn:8090/resources/apk/shidiquan_release.apk">
							<img src="images/apk_download.png" width="100%" style="padding: 0 12px;" /> 
						</a>
					</div>
				</center>
			</div>
			<div data-role="content" class="content" style="background-color:#36c7b8;"></div>
			<div data-role="content" class="content" style="background-color:#36c7b8;"></div>
	      
		</div>
	 
	 
<style type="text/css">
			.b:hover{
				opacity: 0.5;
			}
</style>

</body>
</html>
<script type="text/javascript">
        // 获取终端的相关信息
        var Terminal = {
            // 辨别移动终端类型
            platform : function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    // android终端或者uc浏览器
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
                    // 是否为iPhone或者QQHD浏览器
                    iPhone: u.indexOf('iPhone') > -1 ,
                    // 是否iPad
                    iPad: u.indexOf('iPad') > -1
                };
            }(),
            // 辨别移动终端的语言：zh-cn、en-us、ko-kr、ja-jp...
            language : (navigator.browserLanguage || navigator.language).toLowerCase()
        }
 
        // 根据不同的终端，跳转到不同的地址
        if(Terminal.platform.android){
        	$("#iosDiv").hide();
        }else if(Terminal.platform.iPhone){
        	$("#androidDiv").hide();
        }else if(Terminal.platform.iPad){
        	$("#androidDiv").hide();
            // 还可以通过language，区分开多国语言版
            /*switch(Terminal.language){
                case 'en-us':
                    theUrl = '你的iPad APP（英文版）对应下载地址：APP Store地址';
                    break;
                case 'ko-kr':
                    theUrl = '你的iPad APP（韩语版）对应下载地址：APP Store地址';
                    break;
                case 'ja-jp':
                    theUrl = '你的iPad APP（日文版）对应下载地址：APP Store地址';
                    break;
                default:
                    theUrl = '你的iPad APP（中文版-默认）对应下载地址：APP Store地址';
            }*/
        }
        // location = theUrl;
    </script>